<div class=teapo-tests>
<!-- ko if: failed().length --><div class=teapo-tests-failed>
<div> Failed: <span data-bind="text: failed().length"></span>
</div> <!-- ko foreach: failed --><div data-bind="text: name"></div>
<!-- /ko --> </div><!-- /ko --> <!-- ko if: succeeded().length --><div class=teapo-tests-succeeded>
<div>Succeeded:
<span data-bind="text: succeeded().length"></span>
</div> <!-- ko foreach: succeeded --><div data-bind="text: name"></div>
<!-- /ko --> </div><!-- /ko --> <!-- ko if: notStarted().length && !failed().length && !succeeded().length --><button data-bind="click: start"> Run tests </button>
<!-- /ko --> <!-- ko if: notStarted().length --><div class=teapo-tests-notStarted>
<div>Succeeded:
<span data-bind="text: notStarted().length"></span>
</div> <!-- ko foreach: notStarted --><div data-bind="text: name"></div>